{{ header }}
<div id="product-category" class="container">
    {#{{ include(helper.template('_partial/breadcrumb')) }}#}
    <div class="row no-gutters">{{ column_left }}
        {% if column_left and column_right %}
            {% set class = 'col-sm-6' %}
        {% elseif column_left or column_right %}
            {% set class = 'col-sm-9' %}
        {% else %}
            {% set class = 'col-sm-12' %}
        {% endif %}
        <div id="content" class="product-category-right {{ class }}">
            {{ content_top }}
            <!-- BEGIN: 分类 -->
            {#<h2>{{ heading_title }}</h2>#}
            {#{% if thumb or description %}#}
            {#<div class="row category-description">#}
            {#{% if thumb %}#}
            {#<div class="col-sm-2">#}
            {#<img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail" />#}
            {#</div>#}
            {#{% endif %}#}
            {#{% if description %}#}
            {#<div class="col-sm-{{ thumb ? '10' : '12' }}">{{ description }}</div>#}
            {#{% endif %}#}
            {#</div>#}
            {#{% endif %}#}
            {#{% if categories %}#}
            {#<h4>{{ text_refine }}</h4>#}
            {#{% if categories %}#}
            {#<div class="row">#}
            {#{% for category in categories %}#}
            {#<div class="col-lg-2 col-md-2 col-sm-2 col-xs-3">#}
            {#<a class="subcategory-wrapper" href="{{ category.href }}">#}
            {#<img src="{{ category.thumb }}" alt="{{ category.name }}" class="img-thumbnail">#}
            {#<span>{{ category.name }}</span>#}
            {#</a>#}
            {#</div>#}
            {#{% endfor %}#}
            {#</div>#}
            {#{% endif %}#}
            {#{% endif %}#}
            <!-- END: 分类 -->

            {% if products %}
                {{ include(helper.template('_partial/product/filter_bar_block')) }}
                {% if style == 'list' %}
                    {% set class = 'product-list col-xs-12' %}
                {% else %}
                    {% if column_left and column_right %}
                        {% set class = 'product-grid col-lg-6 col-md-6 col-sm-6 col-xs-6' %}
                    {% elseif column_left or column_right %}
                        {% set class = 'product-grid col-lg-3 col-md-4 col-sm-6 col-xs-6' %}
                    {% else %}
                        {% set class = 'product-grid col-lg-2 col-md-3 col-sm-6 col-xs-6' %}
                    {% endif %}
                {% endif %}
                <div class="row no-gutters">
                    <div class="product-wrapper no-gutters clearfix">
                        {% for product in products %}
                            <div class="product-layout {{ class }}">
                                {{ include(helper.template('_partial/product/product_single')) }}
                            </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="row no-gutters">
                    <div class="col-sm-12 text-right">{{ pagination }}</div>
                    {#<div class="col-sm-6 text-right">{{ results }}</div>#}
                </div>
            {% endif %}

            {% if not products %}
            <div class="no-results">
                <i class="no-results-icon">
                    <img src="/catalog/view/theme/{{ helper.config('theme_default_directory') }}/image/icon/icon_no_category.svg" alt="">
                </i>
                <p class="no-results-tips">{{ text_no_results }}</p>
            </div>


            {% endif %}

            {{ content_bottom }}
        </div>
        {{ column_right }}
    </div>
</div>
{{ footer }}
